<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>平移</title>
	<style>
		#main{
			width: 100px;
			height: 100px;
			background: red;
			transform: translate(500px,500px);
			/*transform:translateX(500px);*/
			/*transform:translateY(500px);*/
			/*transition:all 3s;参数一：执行过度的css属性,参数二：持续时间*/

		}
		#main:hover{
			transform: scale(3);
		}
	</style>
</head>
<body>
	<div id="main"></div>
</body>
</html>